﻿/* ------------------------------------------------------
    브라우저 화면의 기본구성을 유지하는 레이아웃
-------------------------------------------------------*/
html, 
body 
{
	margin: 0;
	padding: 0;
	font-family: 굴림, Arial, san-serif;
	font-size:0.9em;
}

#head {
	background: #ddd;
	z-index: 1;
	overflow:hidden;
}
#body
{
    border: 0px solid #000080;
    overflow:auto;
    
}
#foot {
	height: 23px;
	background: #ddd;
	overflow:hidden;
}


.middle
{
    border: 0px solid #FF0000;
    margin-top: 2px;
    margin-left: 0px;
    padding: 0px;
    position:absolute;
}

.middle2 {border: 0px solid gray; margin-top: 2px; margin-left: 0px; padding: 0px;  text-align: center;}

.dumy
{
    background-color: #00FFFF;
    border: 1px solid #3399FF;
    width: 150px;
    height: 300px;
}
   
.left1
{
    border: 2px groove #808080;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    background-color: #F3F3F3;
    float: left;
    width: 250px;
    position: relative;
    min-height: 500px;
    overflow: auto;
}

.main1
{
    border: 2px groove #808080;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    background-color: #F3F3F3;
    position: relative;
    min-height: 500px;
    overflow: auto;
}

.left2
{
    border-style: none solid none none;    border-width: 1px;   border-color: gray;    float: left;    width: 250px;
    margin-top: 0px;    margin-left: 0px;    padding: 2px;
}
.main2 {border: 0px solid gray; margin-top: 0px; margin-left: 260px;  padding: 2px;  min-height: 200px; }


/* --------------------------------------------------------------------- */
.middle4
{
    border: 0px solid #FF0000;
    margin-top: 2px;
    margin-left: 0px;
    padding: 0px;
    overflow:auto;
}

.left4
{
    border-style: solid;
    border-width: 0px;
    border-color: #800080;
    width: 250px;
    padding: 0px;
    float: left;
    position:relative;
    overflow:auto;
}

.main4
{
    border-style: solid;
    border-width: 0px;
    border-color: #008000;
    width: 250px;
    padding: 2px;
    float: left;
    margin-left: 10px;
    position:relative;
}
.right4
{
    border-style: solid;
    border-width: 0px;
    border-color: #FF0000;
    padding: 2px;
    margin-left: 530px;
    position:relative;
}

.dumy4
{
    margin: -1;
    background-color: #00FFFF;
    border: 0px solid #3399FF;
    padding: 0px;
    width:100%;
    height: 300px;
}

.left5
{
    border: 2px groove #808080;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    background-color: #F3F3F3;
    float: left;
    width: 250px;
    position: relative;
    min-height: 500px;
    overflow: auto;
}
.main5
{
    border: 0px solid #FF0000;
    margin: 0 0 0 0px;
    padding:0 0 0 0px;
    background-color:transparent;
    position: relative;
    overflow:auto;
   
}

.right5
{
    border: 2px groove #808080;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    background-color: #F3F3F3;
    width: 250px;
    float: right;
    position: relative;
    min-height: 500px;
   
}
.content5
{
    border: 2px groove #808080;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    background-color: #F3F3F3;
    margin-right:275px;
    position: relative;
    min-height: 500px;

}

.tabCss
{
        position: relative;
        overflow:hidden;
}

/* ------------------------------------------------------
    화면 상단 메뉴구성
-------------------------------------------------------*/

.ky-menu
{
    border-style: none none solid none;
    border-width: 3px;
    border-color: #993300;
    position: relative;
    height: 23px;
    background-color: #005500;
    color: #C0C0C0;
    padding-top: 1px;
    font-size:0.85em;
}

.ky-menu a:link{color: #F3F3F3;    text-decoration: none;}      
.ky-menu a:active{color:#F3F3F3;}                         
.ky-menu a:visited{color:#F3F3F3;text-decoration:none;}   
.ky-menu a:hover{color:#F3F3F3;text-decoration:underline;}





.ky-menu ul
{
    margin: 0;
	padding: 0;
}
.ky-menu li
{
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #C0C0C0;
    list-style: none;
    float: left;
    padding: 0px 10px 0px 10px;
}

.ky-menu .leftMenu
{
    border: 0px solid #FF0000;
    padding: 5px 0 0 5px;
    position:absolute;
   
    
}
.ky-menu .rightMenu
{
    padding: 5px 5px 0px 0px;
    float: right;
    position:relative;
   
}

.ky-menu .centerMenu
{
    
    border: 1px solid #CCCCCC;
    width: 200px;
    left: 50%;
    position:absolute;
    margin-left: -100px;
    height: 20px;
    background-image: url('/image/crmkorea.gif');
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: center center;

}


    .ky-call-menu
{
    border: 1px solid #808000;
    position: relative;
    padding: 5px 5px 5px 5px;
    text-align: center;
    overflow:auto;

}

    .ky-call-menu .buttons
{
    border: 2px groove #808080;
    padding: 5px 5px 5px 5px;
    position:relative;
    margin:5px 100px 5px 100px;
    
    background-color: #FFFFFF;
    
}

.ky-call-menu .buttons input
{
   
}

.bottomMenu
{
    border-style: solid none none none;
    border-width: 1px 0px 0px 0px;
    border-color: #C0C0C0 #FF9900 #FF9900 #FF9900;
    overflow: auto;
    height: 30px;
    position: absolute;
    width: 100%;
    background-color: transparent;
    font-size:0.85em;
}

.bottomMenu a:link{color: #F3F3F3;    text-decoration: none;}      
.bottomMenu a:active{color:#F3F3F3;}                         
.bottomMenu a:visited{color:#F3F3F3;text-decoration:none;}   
.bottomMenuu a:hover{color:#F3F3F3;text-decoration:underline;}

.bottomMenu .leftMenu
{
    top:3px;
    border: 0px solid #FF0000;
    overflow: hidden;
    padding: 1px 1px 1px 1px;
    width: 600px;
    position:absolute;

}
.bottomMenu .leftMenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    float:left;
}

.bottomMenu .leftMenu ul li
{
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    float:left;
}

.bottomMenu .leftMenu ul li a
{
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #FFFFFF;
    margin: 1px 1px 1px 1px;
    padding: 1px 5px 1px 5px;
    background-color: transparent;
    color:Black;
}

.bottomMenu .centerMenu
{
    top: 3px;
    width: 400px;
    float: left;
    left: 50%;
    position: absolute;
    margin-left: -200px;
    font-size: small;
}

.bottomMenu .rightMenu
{
    top: 3px;
    right: 10px;
    border: 0px solid #0000FF;
    overflow: hidden;
    padding: 1px 1px 1px 1px;
    width: 400px;
    position: absolute;
    overflow:hidden;
}
.bottomMenu .rightMenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

.bottomMenu .rightMenu ul li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #FFFFFF;
    list-style-type: none;
    float:left;
}

.bottomMenu .rightMenu ul li a
{
    margin: 1px 1px 1px 1px;
    padding: 1px 5px 1px 5px;
    background-color: transparent;
    color:Black;
}

.Noti_new
{
    background-position: 0px center;
    background-image: url('/image/bt_op_b.gif');
    background-repeat: no-repeat;
    width: 16px;
    display: inline-block;
    height: 11px;
    margin:0px 3px 0px 3px;
}
.Noti_icoimp03
{
    background-position: 0px center;
    background-image: url('/image/icoimp03.gif');
    background-repeat: no-repeat;
    width:30px;
    height: 11px;
    display:inline-block;
}
.Noti_icoquestion
{
    background-position: 0px center;
    background-image: url('/image/icoquestion.gif');
    background-repeat: no-repeat;
    width:15px;
    height: 11px;
    display:inline-block;
}
.Noti_ic_ppt
{
    background-position: 0px center;
    background-image: url('/image/ic_ppt.gif');
    background-repeat: no-repeat;
    width:18px;
    height: 14px;
    display:inline-block;
}

/* ---------------------------------------------------

------------------------------------------------------ */
.hideUl 
{
    display:none;
}

.contextMenu
{
	display:none;
}
.DivContextMenu
{
    position: absolute; /*leave this alone*/
    display: block; /*leave this alone*/
    
    border: 2px solid #666666;
    overflow: auto;
    z-index: 3000;
    background-color: #FFFFFF;
    padding:10px 10px 10px 10px ;
    font-size:0.85em;
}
.DivContextMenu ul{	list-style: none; padding:0px; margin:0px;}
.DivContextMenu li{	list-style: none; padding:0px; margin:0px; margin-bottom:5px;}
.DivContextMenu img{padding:0px; vertical-align:middle}

.DivContextMenu a:link {color: #000000;    text-decoration: none;}      
.DivContextMenu a:active{color:#000000;}                         
.DivContextMenu a:visited{color:#000000;text-decoration:none;}   
.DivContextMenu a:hover{color:#000000;text-decoration:underline;}


.DivTableMenu
{
    position: absolute; /*leave this alone*/
    display: block; /*leave this alone*/
    width:320px;    
    border: 2px solid #666666;
    overflow: auto;
    z-index: 3000;
    background-color: #FFFFFF;
    padding:10px 10px 10px 10px ;
    font-size:0.85em;
}
.DivTableMenu ul{	list-style: none; padding:0px; margin:0px; }
.DivTableMenu li{    list-style: none;    padding: 0px;    margin: 0px;    width: 24%;    height:18px;  margin-bottom:5px;  float: left;}
.DivTableMenu img{padding:0px; vertical-align:middle; display:none;}

.DivTableMenu a:link {color: #000000;    text-decoration: none;}      
.DivTableMenu a:active{color:#000000;}                         
.DivTableMenu a:visited{color:#000000;text-decoration:none;}   
.DivTableMenu a:hover{color:#000000;text-decoration:underline;}

    
/* ------------------------------------------------------

----------------------------------------------- */
.showBtnArea
{
    background-color: #EBEBEB;
    border: 2px solid #C0C0C0;
    margin: 0px   7px  0px  0px;
    padding: 2px  2px  2px  2px;
}
.showBtn 
{
    margin: 1px  1px  1px  1px;
    border: 1px solid #808080;
    padding: 0px 10px 0px 10px;
    background-color: #C0C0C0;
    color: #FFFFFF;
    height:22px;
}
.space 
{
    margin: 1px  1px  1px  1px;
    padding: 0px 10px 0px 10px;
    background-color:transparent;
    border: 1px solid transparent;    
    height:22px;
    width:10px;
}   
.showFilterArea
{
    border: 1px solid #CCCCB3;
    margin: 3px 1px 1px 1px;
    background-color: #F7F7F7;
    overflow:auto;
    padding: 5px;
}
   .showFilterArea ul
{
    margin: 1px;
    padding: 1px 1px 1px 1px;
    list-style: none;
    overflow:auto;
}
   .showFilterArea li
{
    border: 0px solid #000000;
    margin: 1px 1px 1px 1px;
    background-color: #F7F7F7;
    float: left;
    width: 32%;
    white-space: nowrap;
    overflow:hidden;
    
}
   .showFilterArea li span
{
    border: 0px solid #00FF00;
    width: 30%;
    float:left;
    white-space: nowrap;
}
   .showFilterArea li span a
{
   width: 30%;
   float:left;
   overflow:hidden;
   vertical-align:middle;
   margin:0.4em;
}


/* ----------------------------------------------------


---------------------------------------------------- */
.stable
{
    border: 0px solid #FF0000;
    width:100%;
    position:relative;
}

.stable ul
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    overflow:hidden;
   
}

.stable li
{
  overflow:hidden;
  font-weight:normal;
}


.stable ul li
{
    margin: 0px 1px 2px 0px;
    padding: 1px 2px 2px 2px;
    border: 0px solid #C0C0C0;
    background-color: #EBEBEB;
    font-weight: bold;
}

.stable ul ul
{
    border: 0px solid #808080;
    margin: 1px 0px 0px 0px;
    padding: 5px 3px 3px 3px;
    background-color: #FFFFFF;
}

.stable ul ul li
{
    margin: -2px  -2px  1px  1px;
    padding: 3px 3px 1px 1px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #C0C0C0;
    background-color: #FFFFFF;
    font-weight:normal;
}

.stable ul ul ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #C0C0C0;
    
}
.stable ul ul ul li
{
    margin: 0px  0px  0px  0px;
    padding: 0px  0px  0px  0px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #C0C0C0;
    background-color: #FFFFFF;
    font-weight:normal;
}

.stable .DataHead
{
    padding:0.5em 0px 0.5em 0px;
    width: 20%;
    float: left;
    
    background-color: #EBEBEB;
    overflow:auto;
}
.stable .DataHead a {padding:5px 5px 0px 15px;}

.stable .DataBody
{
     padding:0.5em 0px 0.5em 0px;
    width: 80%;
    float:left;
   
}
.stable .DataBody a {padding:5px 5px 0px 15px;}
.stable .DataHead30p
{
     padding:0.5em 0px 0.5em 0px;
    width: 20%;
    float: left;
    background-color: #F7F7F7;
}
.stable .DataHead30p a {padding:5px 5px 0px 15px;}

.stable .DataBody30P
{
     padding:0.5em 0px 0.5em 0px;
    float:left;
    width:30%;
}   
.stable .DataBody30P a {padding:5px 5px 0px 15px;}

/* -----------------------------------------------------
.superGrid_reSize
{
    z-index:1000;
}

------------------------------------------------- */
.superGrid
{
    border: 0px solid #FF00FF;
    padding: 2px;
    background-color: White;
    position:relative;
    overflow:hidden;
}

.superGrid .head
{
    border-style: solid solid solid none;
    border-width: 1px;
    border-color: #C0C0C0;
    background-color: #F3F3F3;
    height: 1.8em;
    overflow: hidden;
}

.superGrid .body
{
    border: 0px solid #008000;
    overflow: scroll;
    margin-top: 3px;
}

.superGrid .foot
{
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0;
    margin-top: 3px;
    background-color: #F3F3F3;
    overflow:hidden;
    height:1.5em;
}

.superGrid table
{
    table-layout:fixed;
} 

.superGrid_reSize
{
   
}
 

.superGrid .head td
{
    padding:2px 3px 2px 3px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    border-color: #C0C0C0;
    border-width: 1px;
    border-left-style: solid;
}


 .superGrid .data
{
    border-color: #C0C0C0;
    border-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
   
}
.superGrid .data td
{
    padding:2px 3px 2px 3px;
    border-color: #C0C0C0;
    border-width: 1px;
    border-left-style: solid;
    border-top-style: solid;    
}
  
.superGrid .foot td
{
    border-style: none solid none none;
    border-width: 1px;
    border-color: #C0C0C0;
    margin-top: 3px;
    background-color: #F3F3F3;
    padding: 3px 5px 3px 5px;
    overflow: hidden;
    white-space: nowrap;
}



.gridTextBox
{
	border-style:none;	border-width: 0px;	width: 99%;
 
}
.gridTextNum
{
    border-style: none;
    border-width: 0px;
    width: 99%;
    text-align: right;

}
.gridCombo
{
    border-style: none;
    border-width: 0px;
    width: 99%;
    text-align: right;

}


.changeTD
{
    background-color: #FFCCCC;
}

.show_td
{
    width: 35px; min-width: 35px;
    text-align: center;
}

.pgNum
{
    border: 1px solid Transparent;
    cursor: pointer;
}
.pgNumNow
{
    cursor: pointer;
    font-weight: bold;
    color: #FF0000;
}
.pgNumOver
{
    border: 1px solid #0000FF;
}

.hidn_td
{
	visibility:hidden;   display: none;
}
.tdCHK
{
    width: 40px
}
.tdID
{
    width: 40px
}
.tdCURD
{
    width: 40px
}

 .ui-selected { background: #F39814; color: white; }

.superGrid_tbody_tr_focus
{
    background-color: #FFFF00;
    color: #000000;
}


.superGrid_tbody_tr_select
{
    background-color: #FFCC00;
}



.td_SortAsc
{
    background-position: 5px center;
    background-image: url('/image/ElementBlueArrowDown.gif');
    background-repeat: no-repeat;
}
.td_Sortdesc
{
    background-position: 5px center;
    background-image: url('/image/ElementBlueArrowUp.gif');
    background-repeat: no-repeat;
}

.inputTextBox_focus
{
	font-size:small;
	border-style: none; 
	border-bottom: mediumblue 1px dotted;
	background-color: Yellow;
}

.formtitle
{
	padding: 5px;
	border: 1px solid #808080;
	font-size: 14px;
	color: #000000;
	background-color: #CCCCCC;
	font-family: 굴림, Arial, san-serif;
	margin-top: 10px;
	margin-bottom: 3px;
}

.menufont
{
	font-size: 16px;
	color: #000000;
	font-family: 굴림, Arial, san-serif;
}

.divred
{
	background-color: Red;
}
.divred:hover	{background-color:Green;}

.clickrow
{
    background-color: #FFCC00;
}

.divtable
{
    position: fixed;
    top: 300px;
    left: 300px;
}

.kdb_scroll_th
{
    border: 1px solid #C0C0C0;
    width: 500px;
    overflow:hidden;
}

.kdb_scroll
{
    border: 1px solid #C0C0C0;
    width: 500px;
    height: 150px;
    overflow:scroll;
}

.kdb_table
{
    border: 1px solid #0000FF;
}
.kdb_table td
{
    border: 1px inset #808080;
    table-layout: fixed;
}

.cmdButton
{
    height: 1.1em;
}

.cmdBtn
{
    font-size: 1em;
}
/* ------------------------------------------------------

-------------------------------------------------------- */

.column
{
    float: left;
    position:relative;
    width:250px;
}
.portlet
{
    margin: 0.2em 0.2em 1em 0.2em;
}
.portlet-header
{
    margin: 0.1em;
    padding-bottom: 4px;
    padding-left: 0.2em;
    padding-top: 0.2em;
    font-weight: normal;
    	font-family: 굴림, Arial, san-serif;
	font-size:0.9em;
}
.portlet-header .ui-icon
{
    float: right;
}
.portlet-content
{
    padding: 0.4em;
 
}
.portlet-content ul
{
   margin: 0;
   padding: 2px 2px 2px 2px;
}
.portlet-content li
{
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    list-style: none;
}


/* ---------------------------

---------------------------- */

.ReportBody
{
    border: 0px solid #FF0000;
    width:100%;
    height: 400px;
    position:relative;
    background-color: White;
}


.ListType1
{
    border: 1px solid #808080;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    background-color:White;
}
.ListType1 h3
{
    margin: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #808080;
    text-align: left;
    background-color: #E8E8E8;
}
.ListType1 h3 a
{
    font-size: 0.7em;
    float: right;
    font-weight: normal;
    color: #808080;
}
.ListType1 li
{
    margin: 0px 0px 0px 0px;
    padding: 1px 1px 1px 1px;
}

.ListType1 li a:link {color: #000000;    text-decoration: none;}      
.ListType1 li a:active{color:#000000;}                         
.ListType1 li a:visited{color:#000000;text-decoration:none;}   
.ListType1 li a:hover{color:#000000;text-decoration:underline;}


.ListType2
{
    border: 1px solid #808080;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    background-color:White;
}
.ListType2 h3
{
       margin: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #808080;
    text-align: left;
}
.ListType2 ul
{
   margin: 0;
   padding: 2px 2px 2px 2px;
}

	
.ListType2 li
{
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    list-style: none;
}

.ListType2 li a:link {color: #000000;    text-decoration: none;}      
.ListType2 li a:active{color:#000000;}                         
.ListType2 li a:visited{color:#000000;text-decoration:none;}   
.ListType2 li a:hover{color:#000000;text-decoration:underline;}

.ListType3
{
    border: 0px solid #808080;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    background-color:transparent;
}

.ListType3 h3
{
       margin: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #808080;
    text-align: left;
}
.ListType3 h3 a
{
    font-size: 0.7em;
    float: right;
    font-weight: normal;
    color: #808080;
}
.ListType3 ul
{
   margin: 0;
   padding: 2px 2px 2px 2px;
}
	
.ListType3 li
{
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    list-style: none;
}

.ListType3 li a:link {color: #000000;    text-decoration: none;}      
.ListType3 li a:active{color:#000000;}                         
.ListType3 li a:visited{color:#000000;text-decoration:none;}   
.ListType3 li a:hover{color:#000000;text-decoration:underline;}

/* -----------------------------------------------------

------------------------------------------------------- */
.progress
{
    overflow: hidden;
    height: 25px;
    margin: 5px 20px 5px 20px;
    background: url('/image/bg_progress.gif');
    border-right: 1px solid #e3e3e3;
    line-height: 15px;
}
.progress .tit
{
    float: left;
    position: relative;
    z-index: 1000;
    height: 20px;
    margin: 0;
    padding: 5px 20px 0px 20px;
    font-size: 11px;
    color: #fff;
    font-size: 1em;
    line-height: 15px;
    text-align: center;
    background-color: #999999;
}
.progress ul{float:left;margin:0;padding:0}
.progress li,.progress li a{background:url('/image/bg_progress_item.gif') no-repeat;white-space:nowrap;list-style: none;}
.progress li{float:left;margin:0 0 0 -13px;padding:0 0 0 13px;background-position:-287px 0}
.progress li a{font-size: 1em; display:inline-block;height:20px;padding:5px 28px 0 13px;background-position:100% top}
.progress li.on{position:relative;z-index:10;background-position:0 100%;color:#fff}
.progress li.on a{background:url('/image/bg_progress_item.gif') no-repeat 100% 100%}
.progress li.last,.progress li.last a{background:none}
.progress .right{position:absolute;top:6px;right:10px;color:#444}
.progress li a:link {color: #000000;    text-decoration: none;}      
.progress li a:active{color:#000000;}                         
.progress li a:visited{color:#000000;text-decoration:none;}   
.progress li a:hover{color:#000000;text-decoration:underline;}
/* //UI Object */
